<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>歌曲旁行详细页</title>
</head>
<body>
	<form id='SearchForm' action="" method="post" target="_blank">
		{% csrf_token %}
		<div class="Search-keyword">
			<input type="text" name="kword" class="keyword" maxlength="120" placeholder="音乐节">
		</div>				
		<input id="subSerch" type="submit" class="search_button" value="搜锁">
	</form>
	<!-- #热们歌曲 -->
	<div id="suggest"></div>
	<div class="search_hot-words">
		<h3>热们搜索歌曲</h3>
		{% for song in search_song  %}
			<a taget='paly' href="">{{ song.song.song_name }}</a>
		{% endfor %}
	</div>
	<div>
		<h3>导航</h3>
		<ul>
			<li><a href="/">首页</a></li>
			<li><a href="{% url 'music:rank' %}" target="_blank">歌曲排行</a></li>
			<li><a href="" target="_blank">用户中心</a></li>

		</ul>
	</div>
	<div>
		<h3>歌曲分类列表</h3>
		<div>
			<a href="{% url 'music:rank' %}">所有歌曲分类</a>
		</div>
		<ul>
			{% for item in all_list  %}
				<li>
					<div>
						<a href="{% url 'music:rank' %}?type={{ item.song_type }}">{{ item.song_type }}</a>
					</div>
				</li>
			{% endfor %}	
		</ul>

	</div>
	<h3>歌曲列表信息</h3>
	<table>
		<tr>
			<th>排名</th>
			<th>图片</th>
			<th>歌名</th>
			<th>专辑</th>
			<th>下载</th>
			<th>播放</th>
		</tr>
		{% for item in song_info %}
		<tr>
			{% if forloop.counter < 4 %}
			<td><span class="n1">{{ forloop.counter }}</span></td>
			{% else %}
			<td><span class="n2">{{ forloop.counter }}</span></td>
			{% endif %}
			<td>
				<a href=""><img src="">img</a>
			</td>
			<td>
				<h3><a href="">{{item.song.song_name}}</a></h3>
				<div><a href="">{{item.song.song_singer}}</a></div>
			</td>
			<td>
				<div>{{item.song.song_album}}</div>
			</td>
			<td>
				<div>{{item.dynamic_down}}</div>
			</td>
			<td>
				{{item.dynamic_plays}}
			</td>
		</tr>
		{% endfor %}
	</table>

</body>
</html>